<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,member-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<script type="text/javascript" src="lib/PIE_IE678.js"></script>
<![endif]-->
<link href="/lib/lightbox2/2.8.1/css/lightbox.css" rel="stylesheet" type="text/css" >
<link href="/css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="/css/H-ui.admin.css" rel="stylesheet" type="text/css" />
<link href="/lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<style>
.avator_head{height:50px;width:50px	}
</style>
<title>登录列表</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 店面图片管理 <span class="c-gray en">&gt;</span> 登录焦点图管理 <a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="pd-20">
	<div class="cl pd-5 bg-1 bk-gray mt-0"> <span class="l"> <a href="javascript:;" onclick="member_add('{{ $text }}','{{ url('picture/create', ['id'=>$id]) }}','1000','550')" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> {{ $text }} </a></span> </div>
	<div class="mt-20">
	<table class="table table-border table-bordered table-hover table-bg table-sort">
		<thead>
			<tr class="text-c">
				<!--<th width="25"><input type="checkbox" name="" value=""></th>-->				
				<th width="80">缩略图</th>
				<th width="90">用途</th>	
				<th width="90">url</th>
				<th width="40">排序</th>
				<th width="90">有效性</th>
				<th width="90">操作</th>				
			</tr>
		</thead>
		<tbody>
			<tr class="text-c">
				<td><div class="picbox"><a href="/crop/upload/20160405/145982505493817.jpg" data-lightbox="gallery" data-title="焦点图片"><img src="/crop/upload/20160405/145982505493817.jpg" width='178px' height='100px'></a></div></td>					
				<td>焦点图片</td>
				<td></td>
				<td>
					<span class="select-box radius">
						<select name="sort" class="select" id="216" onchange="sortp(this);" >
							<option value="1" > 1</option>
							<option value="2" > 2</option>
							<option value="3" > 3</option>
						</select>
					</span>
				</td>
				<td class="td-status"><span class="label label-success radius">已启用</span></td>
				<td class="td-manage"> 
					<a style="text-decoration:none" onClick="member_stop( this,'/../UpPic/20160405/145982923873157.jpg')"  href="javascript:;" title="停用"><i class="Hui-iconfont">&#xe631;</i></a>
					<a title="修改url" href="javascript:;" onclick="picture_edit('编辑','Picture_Edit.php?id=216','580','500')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
					<a title="删除" href="javascript:;" onclick="member_del(this,'/../UpPic/20160405/145982923873157.jpg')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>
				</td>				
			</tr>
		</tbody>
	</table>
	</div>
</div>
<script type="text/javascript" src="/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="/lib/lightbox2/2.8.1/js/lightbox-plus-jquery.min.js"></script> 

<script type="text/javascript" src="/lib/layer/1.9.3/layer.js"></script>
<script type="text/javascript" src="/lib/laypage/1.2/laypage.js"></script> 
<script type="text/javascript" src="/lib/My97DatePicker/WdatePicker.js"></script> 
<script type="text/javascript" src="/lib/datatables/1.10.0/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="/js/H-ui.js"></script> 
<script type="text/javascript" src="/js/H-ui.admin.js"></script> 
<script type="text/javascript">
$(function(){
	$.Huihover(".portfolio-area li");
		
		
	});
	
	//排序
function sortp(obj){
	var id=$(obj).attr('id');
	var sort=$(obj).val();
	$.ajax({url:"Picture_AJAX.php?act=sort&id="+id+"&sort="+sort,async:false});
}
	
function member_add(title,url,w,h){
	//layer_show(title,url,w,h);
	layer.full(layer.open({
		type: 2,
		area: [w+'px', h +'px'],
		fix: true, //固定
		maxmin: true,
		shade:0.4,
		title: title,
		content: url,
	})
	);

}
function picture_edit(title,url,w,h){
//layer_show(title,url,w,h);
layer.full(layer.open({
		type: 2,
		area: [w+'px', h +'px'],
		fix: true, //固定
		maxmin: true,
		shade:0.4,
		title: title,
		content: url,
	})
	);}
function member_start(obj,id){
	layer.confirm('是否启用?',function(index){$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_start(this,id)" href="javascript:;" title="停用"><i class="Hui-iconfont">&#xe6e1;</i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
		$(obj).remove();
		ajRusult=$.ajax({url:"Picture_AJAX.php?act=start&pic="+id,async:false});
		layer.msg('已启用!',{icon: 1,time:1000});
		window.location.reload();
	});
}
function member_stop(obj,id){
	layer.confirm('是否停用?',function(index){$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_start(this,id)" href="javascript:;" title="启用"><i class="Hui-iconfont">&#xe6e1;</i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">停用</span>');
		$(obj).remove();
		ajRusult=$.ajax({url:"Picture_AJAX.php?act=stop&pic="+id,async:false});
		layer.msg('已停用!',{icon: 1,time:1000});
		window.location.reload();
	});
}

function member_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		ajRusult=$.ajax({url:"Picture_AJAX.php?act=picdelete&pic="+id,async:false ,success:function(data){
			var datas=eval('('+data+')');

			if(datas['msg']=="true"){	
			$(obj).parents("tr").remove();
		    layer.msg("成功删除活动.",{icon:1,time:1000});
			}else{
				layer.msg("您的权限不足，删除活动条目失败.",{icon:2,time:1000});
			}
		}});
	
		});
}
</script> 
</body>
</html>